<template>
  <div id="instus">
   	<el-tabs v-model="activeName" @tab-click="handleClick" tab-position="left">
	    <el-tab-pane label="单个录入" name="first">
	    	<div>
	    		<el-form :label-position="labelPosition" label-width="90px" :model="formLabelAlign" id="form">
				  <el-form-item label="姓名">
				    <el-input placeholder="请输入姓名" v-model="formLabelAlign.name" clearable class="forminput"></el-input>
				  </el-form-item>
				  <el-form-item label="学号">
				    <el-input placeholder="请输入学号" v-model="formLabelAlign.number" clearable class="forminput"></el-input>
				  </el-form-item>
				  </el-form-item>
				  <el-form-item label="班级">
				    <el-select v-model="value" placeholder="请选择">
					    <el-option v-for="item in options1" :key="item.value" :label="item.label" :value="item.value">
					    </el-option>
					</el-select>
				  </el-form-item>
				  <el-form-item label="性别">
				    <el-radio v-model="radio" label="1">男</el-radio>
  					<el-radio v-model="radio" label="2">女</el-radio>
				  </el-form-item>
				  <el-button type="primary" round>录入</el-button>
				</el-form>
	    	</div>
	    </el-tab-pane>
	    <el-tab-pane label="多个录入" name="second">

	    	

	    </el-tab-pane>
	  </el-tabs>
  </div>
</template>

<script>
  
export default {
  	data() {
      return {
        activeName: 'first',
        labelPosition: 'right',
        formLabelAlign: {
          name: '',
          number: '',
          class: '',
          sex:''
        },
        value: '',
        options1:[
        	{
        		value: '选项1',
          		label: '一班'
        	},
        	{
        		value: '选项2',
          		label: '二班'
        	},
        ],
         radio: '1'
      };
    },
    methods: {
      handleClick(tab, event) {
        console.log(tab, event);
      }
    }
}
</script>

<style type="text/css">
  #instus{
  	margin-left: 12.5%;
  }
  #form{
  	margin-top: 20px;
  	width: 70%;
  }
  .forminput{
  	width: 220px;
  }
</style>